<template>
  <div>
      <!-- 轮播图区域 -->
    <!-- <mt-swipe :auto="2000" class="swipe">
        <mt-swipe-item v-for="item in getSwipeList" :key="item.img">
            <img :src="item.img" alt="item.url">
        </mt-swipe-item>
    </mt-swipe> -->
    <swipt :imgData='getSwipeList'></swipt>
      <!-- 九宫格区域 -->
      <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                      <router-link  to="/news/newslist">
		                   <img src="../../images/menu1.png" >
		                    <div class="mui-media-body">新闻资讯</div>
                      </router-link>
                </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                    <router-link  to="/home/photoslist">
		                    <img src="../../images/menu2.png" >
		                    <div class="mui-media-body">图片分享</div>
                    </router-link>
                </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                     <router-link to="/home/goodlist">
		                     <img src="../../images/menu3.png" >
		                    <div class="mui-media-body">商品购买</div>
                      </router-link>
                    </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                     <img src="../../images/menu4.png" >
		                    <div class="mui-media-body">留言反馈</div></a>
                    </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                     <img src="../../images/menu5.png" >
		                    <div class="mui-media-body">视频专区</div></a>
                    </li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                     <img src="../../images/menu6.png" >
		                    <div class="mui-media-body">联系我们</div></a>
                    </li>
      </ul>                    
  </div>
</template>
<script>
import { Toast } from 'mint-ui';
import swipt from '../subcomment/swipe.vue'
export default {
  data() {
    return {
      getSwipeList:[]
    };
  },
  created(){
    this.getSwipeData()
  },
  methods:{
      getSwipeData(){
          this.$http.get('api/getlunbo').then(result=>{
            //  console.log(result.body)
            if(result.body.status==0){
                // Toast('加载轮播图成功');
               this.getSwipeList = result.body.message 
            }else {
                Toast('加载轮播图失败');
            }
          })
      }
  },
  components:{
    swipt
  }
}
</script>
<style lang="scss" scoped>


 .mui-grid-view.mui-grid-9{
  border:0;
  background: #fff;
}
.mui-grid-view.mui-grid-9 .mui-media{
  background: #fff;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
  border:0;
  img{
    width:60px;
    height:60px;
  }
}
</style>